<template>
  <div class="el-main">
    <el-button type="primary" @click="init"> test </el-button>
    <el-tabs v-model="activeName" type="border-card">
      <el-tab-pane label="收费中" name="charging">
        <cost-item-table type="charging" />
      </el-tab-pane>
      <el-tab-pane label="已完成" name="finished">
        <cost-item-table type="allData" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import costItemTable from '../../components/Pay/costItemTable'
import { hello } from '../../api/pay/test'

export default {
  name: 'Search',
  components: {
    costItemTable
  },
  data() {
    return {
      activeName: 'charging',
      res: ''
    }
  },
  methods: {
    init() {
      // eslint-disable-next-line no-return-assign
      hello().then(res => this.$message(res.msg))
    }
  }
}
</script>

<style>

</style>
